<template>
  <div>
    <Header></Header>
    <div class="ai_main">
      <div class="MuiContainer-maxWidthMd">
        <div class="MuiBox-root_box ">

          <div class="MuiBox-root_img_main">
            <a href="https://kimi.moonshot.cn/chat/%7Ccr1db96gi3pumpottd00?index=0&amp;tu=1" target="_blank" rel="noreferrer">
            <div class="MuiBox-root_img_box" alt="">
              <img src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimi/doodle/cr1egt6gi3pumpotvfbg/白色 (1).png" class="MuiBox-root_img" alt="">
            </div>
            </a>
          </div>
          <div class="MuiBox-root_height"></div>

          <div class="MuiBox-root_input_main">
            <div class="MuiBox-root_input_box">

              <div class="MuiBox-root_input_container">
                <div class="MuiBox-root_inputInner">
                  <div class="MuiBox-root_editor">
                    <el-input
                      class="Ai_chat_textarea"
                      type="textarea"
                      rows="4"
                      v-model="textarea"
                      placeholder="随时@你想要的Kimi+ 使用各种能力"
                    >

                    </el-input>

                  </div>

                  <div class="MuiBox-root_toolbar">
                    <div>

                    </div>


                    <div class="MuiBox-root_toolbar">
                      <div class="MuiBox-root_toolbar_notebook MuiBox-root_icon">
                        <i  class="el-icon-notebook-2"></i>
                      </div>

                      <div class="MuiBox-root_toolbar_paperclip MuiBox-root_icon">
                        <i class="el-icon-paperclip"></i>
                      </div>

                      <div class="MuiBox-root_toolbar_promotion MuiBox-root_icon">
                        <i class="el-icon-s-promotion"></i>
                      </div>
                    </div>
                  </div>


                </div>

              </div>

            </div>


          </div>




        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>


<script>
import Header from '@/views/tool/build/Header.vue'
import Footer from '@/views/tool/build/Footer.vue'
import "@/assets/styles/AIchat.scss"
export default {
  components: { Footer, Header },
  data() {
    return {
      textarea:'',
    }
  },
  created() {

  },
  watch: {

  },
  mounted() {

  },
  methods: {

  }
}
</script>

<style  lang="scss">
  .Ai_chat_textarea{
    border: none!important;
  }
  .el-textarea__inner{
    padding-left: 0px;
    padding-top: 0px;
    border: none;
  }
  .el-textarea__inner:hover{
    border: none;
  }
</style>
